import { createApp } from "vue";
import "./style.scss";
import "@unocss/reset/tailwind.css"; // 或者使用其他重置样式
import "uno.css";
import ElementPlus from 'element-plus' // 引入 Element Plus
import 'element-plus/dist/index.css'    // 引入样式文件
import App from "./App.vue";
import pinia from "./stores";
import router from "./router";
import clickOutside from './directives/clickOutside'

// import VueAnimateOnScroll from 'vue3-animate-onscroll'
// import vue3SeamlessScroll from "vue3-seamless-scroll";
// import 'animate.css' // 引入 Animate.css
const app = createApp(App);

// 自定义指令，点击元素外触发事件，用于关闭弹窗
app.directive('click-outside', clickOutside)
// import VueAnimateOnScroll from 'vue3-animate-onscroll'
// import vue3SeamlessScroll from "vue3-seamless-scroll";
// import 'animate.css' // 引入 Animate.css
app.use(ElementPlus) // 使用 Element Plus
app.use(pinia); // 挂载 Pinia
app.use(router); // 挂载路由
app.mount("#app");
